<template>
	<view class="page flex-col">

		<view class="group_11 flex-row">
			<view class="text-wrapper_2 flex-col">
				<text class="text_3" @click="payment">添加商品</text>
			</view>
		</view>
		<view class="section_2 flex-col">
			<view class="box_9 flex-row justify-between">
				<view class="text-wrapper_3 flex-col">
					<text class="text_4">商品分类</text>
				</view>
				<view class="text-wrapper_4 flex-col">
					<text class="text_5">菜单分类</text>
				</view>
			</view>
			<view class="box_11 flex-row justify-between">
				<view class="text-wrapper_8 flex-col">
					<view
						:class="index == sidebarTab ?'group_3_alive flex-row justify-between':'group_3 flex-row justify-between'"
						v-for="(item,index) in sidebar" :key="index" @click="tabClick(index)">
						<view class="group_4 flex-col"></view>
						<text class="text_16">{{item}}</text>
					</view>
				</view>
				<view class="group_12 flex-col">
					<image class="image_2" referrerpolicy="no-referrer"
						src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng14fdde2eb9d767667f2a98d47b6499a45eb2e6867bcff853922029adc5bd3576" />
					<view class="box_12 flex-row">
						<view class="image-text_13 flex-row justify-between">
							<view class="group_7 flex-col"></view>
							<view class="text-group_13 flex-col">
								<text class="text_18">夸夫炸串</text>
								<view class="text-wrapper_9">
									<text class="text_19">¥</text>
									<text class="text_20"></text>
									<text class="text_21">18</text>
									<text class="text_22"></text>
									<text class="text_23">起</text>
								</view>
							</view>
						</view>
						<view class="text-wrapper_10 flex-col">
							<text class="text_24">修改</text>
						</view>
						<view class="text-wrapper_11 flex-col">
							<text class="text_25">编辑</text>
						</view>
					</view>
					<image class="image_3" referrerpolicy="no-referrer"
						src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng14fdde2eb9d767667f2a98d47b6499a45eb2e6867bcff853922029adc5bd3576" />
					<view class="box_13 flex-row">
						<view class="image-text_14 flex-row justify-between">
							<view class="group_8 flex-col"></view>
							<view class="text-group_14 flex-col">
								<text class="text_26">夸夫炸串</text>
								<view class="text-wrapper_12">
									<text class="text_27">¥</text>
									<text class="text_28"></text>
									<text class="text_29">18</text>
									<text class="text_30"></text>
									<text class="text_31">起</text>
								</view>
							</view>
						</view>
						<view class="text-wrapper_13 flex-col">
							<text class="text_32">修改</text>
						</view>
						<view class="text-wrapper_14 flex-col">
							<text class="text_33">编辑</text>
						</view>
					</view>
					<image class="image_4" referrerpolicy="no-referrer"
						src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng14fdde2eb9d767667f2a98d47b6499a45eb2e6867bcff853922029adc5bd3576" />
					<view class="box_14 flex-row">
						<view class="image-text_15 flex-row justify-between">
							<view class="block_4 flex-col"></view>
							<view class="text-group_15 flex-col">
								<text class="text_34">夸夫炸串</text>
								<view class="text-wrapper_15">
									<text class="text_35">¥</text>
									<text class="text_36"></text>
									<text class="text_37">18</text>
									<text class="text_38"></text>
									<text class="text_39">起</text>
								</view>
							</view>
						</view>
						<view class="text-wrapper_16 flex-col">
							<text class="text_40">修改</text>
						</view>
						<view class="text-wrapper_17 flex-col">
							<text class="text_41">编辑</text>
						</view>
					</view>
					<image class="image_5" referrerpolicy="no-referrer"
						src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng14fdde2eb9d767667f2a98d47b6499a45eb2e6867bcff853922029adc5bd3576" />
					<view class="box_15 flex-row">
						<view class="image-text_16 flex-row justify-between">
							<view class="section_1 flex-col"></view>
							<view class="text-group_16 flex-col">
								<text class="text_42">夸夫炸串</text>
								<view class="text-wrapper_18">
									<text class="text_43">¥</text>
									<text class="text_44"></text>
									<text class="text_45">18</text>
									<text class="text_46"></text>
									<text class="text_47">起</text>
								</view>
							</view>
						</view>
						<view class="text-wrapper_19 flex-col">
							<text class="text_48">修改</text>
						</view>
						<view class="text-wrapper_20 flex-col">
							<text class="text_49">编辑</text>
						</view>
					</view>
					<image class="image_6" referrerpolicy="no-referrer"
						src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng14fdde2eb9d767667f2a98d47b6499a45eb2e6867bcff853922029adc5bd3576" />
					<view class="box_16 flex-row">
						<view class="image-text_17 flex-row justify-between">
							<view class="group_9 flex-col"></view>
							<view class="text-group_17 flex-col">
								<text class="text_50">夸夫炸串</text>
								<view class="text-wrapper_21">
									<text class="text_51">¥</text>
									<text class="text_52"></text>
									<text class="text_53">18</text>
									<text class="text_54"></text>
									<text class="text_55">起</text>
								</view>
							</view>
						</view>
						<view class="text-wrapper_22 flex-col">
							<text class="text_56">修改</text>
						</view>
						<view class="text-wrapper_23 flex-col">
							<text class="text_57">编辑</text>
						</view>
					</view>
					<image class="image_7" referrerpolicy="no-referrer"
						src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng14fdde2eb9d767667f2a98d47b6499a45eb2e6867bcff853922029adc5bd3576" />
				</view>
			</view>

		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				constants: {},
				sidebar: ['食品', '运动', '衣服', '游戏币', '食品', '运动', '衣服', '游戏币'],
				sidebarTab: 0,
			};
		},
		methods: {
			tabClick(i) {
				this.sidebarTab = i;
			},
			payment() {
				uni.navigateTo({
					url: "/page_payment/index"
				})
			}
		},
	};
</script>
<style lang="scss">
	.page {
		background-color: rgba(255, 255, 255, 1);
		// position: relative;
		// height: 812px;
		height: 100vh;
		overflow: hidden;

		.text-wrapper_2 {
			background-color: rgba(77, 93, 222, 1);
			border-radius: 18px;
			padding: 8px 22px 8px 22px;

			.text_3 {
				overflow-wrap: break-word;
				color: rgba(255, 255, 255, 1);
				font-size: 14px;
				font-family: PingFangSC-Medium;
				font-weight: 500;
				text-align: justify;
				white-space: nowrap;
				line-height: 20px;
			}
		}

		.group_1 {
			background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngf4b83f89e67293864d4fb5bd406d8d8a8d6227823dd4204f2ac4d92015a54fd5) 100% no-repeat;
			background-size: 100% 100%;
			padding: 16px 13px 4px 22px;


		}

		.section_2 {
			// position: relative;
			// padding: 10px 0 10px 0;
			width: 100%;

			.box_9 {
				margin: 0 16px 0 15px;

				.text-wrapper_3 {
					background-color: rgba(255, 176, 49, 1);
					padding: 23px 57px 22px 57px;

					.text_4 {
						overflow-wrap: break-word;
						color: rgba(255, 255, 255, 1);
						font-size: 14px;
						font-family: PingFangSC-Medium;
						font-weight: 500;
						text-align: justify;
						white-space: nowrap;
						line-height: 20px;
					}
				}

				.text-wrapper_4 {
					background-color: rgba(253, 127, 56, 1);
					padding: 22px 57px 23px 57px;

					.text_5 {
						overflow-wrap: break-word;
						color: rgba(255, 255, 255, 1);
						font-size: 14px;
						font-family: PingFangSC-Medium;
						font-weight: 500;
						text-align: justify;
						white-space: nowrap;
						line-height: 20px;
					}
				}
			}

			.group_3_alive {
				background-color: rgba(255, 255, 255, 1);
				width: 100px;
				padding: 0 34px 26px 0;

				.group_4 {
					background-color: rgba(253, 127, 56, 1);
					width: 4px;
					height: 37px;
					margin-bottom: 11px;
				}

				.text_6 {
					overflow-wrap: break-word;
					color: rgba(0, 0, 0, 1);
					font-size: 16px;
					font-family: PingFangSC-Medium;
					font-weight: 500;
					text-align: justify;
					white-space: nowrap;
					line-height: 22px;
					margin-top: 26px;
				}
			}

			.group_3 {
				background-color: rgba(255, 255, 255, 1);
				width: 100px;
				padding: 0 34px 26px 0;

				.group_4 {
					background-color: rgba(255, 255, 255, 1);
					width: 4px;
					height: 37px;
					margin-bottom: 11px;
				}

				.text_6 {
					overflow-wrap: break-word;
					color: #949494;
					font-size: 16px;
					font-family: PingFangSC-Medium;
					font-weight: 500;
					text-align: justify;
					white-space: nowrap;
					line-height: 22px;
					margin-top: 26px;
				}
			}

			.box_11 {


				.text-wrapper_8 {
					// background-color: rgba(248, 248, 248, 1);
					background-color: red;
					border-radius: 0px 10px 0px 0px;
					height: 100vh;
					overflow: auto;

					.text_15 {
						overflow-wrap: break-word;
						color: rgba(148, 148, 148, 1);
						font-size: 16px;
						font-family: PingFangSC-Medium;
						font-weight: 500;
						text-align: justify;
						white-space: nowrap;
						line-height: 22px;
						align-self: center;

					}

					.text_16 {
						overflow-wrap: break-word;
						color: rgba(148, 148, 148, 1);
						font-size: 16px;
						font-family: PingFangSC-Medium;
						font-weight: 500;
						text-align: justify;
						white-space: nowrap;
						line-height: 22px;
						align-self: center;
						margin-top: 52px;
					}

					.text_17 {
						overflow-wrap: break-word;
						color: rgba(148, 148, 148, 1);
						font-size: 16px;
						font-family: PingFangSC-Medium;
						font-weight: 500;
						text-align: justify;
						white-space: nowrap;
						line-height: 22px;
						margin-top: 52px;
					}
				}

				.group_12 {
					margin: 5px 0 37px 0;

					.image_2 {
						width: 275px;
						height: 1px;
					}

					.box_12 {
						margin: 10px 15px 0 9px;

						.image-text_13 {
							width: 123px;

							.group_7 {
								border-radius: 7px;
								background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/c56a5ec38ad6437a9b9057483907c4ea_mergeImage.png);
								width: 58px;
								height: 58px;
							}

							.text-group_13 {
								margin-bottom: 1px;

								.text_18 {
									overflow-wrap: break-word;
									color: rgba(0, 0, 0, 1);
									font-size: 14px;
									font-family: PingFang-SC-Bold;
									font-weight: normal;
									text-align: left;
									white-space: nowrap;
									line-height: 20px;
								}

								.text-wrapper_9 {
									width: 44px;
									height: 21px;
									overflow-wrap: break-word;
									font-size: 0;
									font-family: PingFang-SC-Bold;
									font-weight: normal;
									text-align: left;
									white-space: nowrap;
									line-height: 17px;
									margin: 16px 12px 0 0;

									.text_19 {
										height: 21px;
										overflow-wrap: break-word;
										color: rgba(0, 0, 0, 1);
										font-size: 12px;
										font-family: PingFang-SC-Bold;
										font-weight: normal;
										text-align: left;
										white-space: nowrap;
										line-height: 17px;
									}

									.text_20 {
										height: 21px;
										overflow-wrap: break-word;
										color: rgba(0, 0, 0, 1);
										font-size: 10px;
										font-family: PingFang-SC-Bold;
										font-weight: normal;
										text-align: left;
										line-height: 17px;
									}

									.text_21 {
										height: 21px;
										overflow-wrap: break-word;
										color: rgba(0, 0, 0, 1);
										font-size: 15px;
										font-family: PingFang-SC-Bold;
										font-weight: normal;
										text-align: left;
										white-space: nowrap;
										line-height: 17px;
									}

									.text_22 {
										height: 21px;
										overflow-wrap: break-word;
										color: rgba(0, 0, 0, 1);
										font-size: 14px;
										font-family: PingFang-SC-Bold;
										font-weight: normal;
										text-align: left;
										white-space: nowrap;
										line-height: 17px;
									}

									.text_23 {
										height: 21px;
										overflow-wrap: break-word;
										color: rgba(187, 187, 187, 1);
										font-size: 10px;
										font-family: PingFang-SC-Bold;
										font-weight: normal;
										text-align: left;
										line-height: 17px;
									}
								}
							}
						}

						.text-wrapper_10 {
							background-color: rgba(255, 176, 49, 1);
							border-radius: 12px;
							margin: 21px 0 19px 20px;
							padding: 0 14px 1px 13px;

							.text_24 {
								overflow-wrap: break-word;
								color: rgba(255, 255, 255, 1);
								font-size: 12px;
								font-family: PingFangSC-Medium;
								font-weight: 500;
								text-align: left;
								white-space: nowrap;
								line-height: 17px;
							}
						}

						.text-wrapper_11 {
							background-color: rgba(253, 127, 56, 1);
							border-radius: 12px;
							margin: 21px 0 19px 6px;
							padding: 0 14px 1px 13px;

							.text_25 {
								overflow-wrap: break-word;
								color: rgba(255, 255, 255, 1);
								font-size: 12px;
								font-family: PingFangSC-Medium;
								font-weight: 500;
								text-align: left;
								white-space: nowrap;
								line-height: 17px;
							}
						}
					}

					.image_3 {
						width: 275px;
						height: 1px;
						margin-top: 20px;
					}

					.box_13 {
						margin: 10px 15px 0 9px;

						.image-text_14 {
							width: 123px;

							.group_8 {
								border-radius: 7px;
								background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/9b1c126c0c7342ae941fe41299e1d3d2_mergeImage.png);
								width: 58px;
								height: 58px;
							}

							.text-group_14 {
								margin-bottom: 1px;

								.text_26 {
									overflow-wrap: break-word;
									color: rgba(0, 0, 0, 1);
									font-size: 14px;
									font-family: PingFang-SC-Bold;
									font-weight: normal;
									text-align: left;
									white-space: nowrap;
									line-height: 20px;
								}

								.text-wrapper_12 {
									width: 44px;
									height: 21px;
									overflow-wrap: break-word;
									font-size: 0;
									font-family: PingFang-SC-Bold;
									font-weight: normal;
									text-align: left;
									white-space: nowrap;
									line-height: 17px;
									margin: 16px 12px 0 0;

									.text_27 {
										height: 21px;
										overflow-wrap: break-word;
										color: rgba(0, 0, 0, 1);
										font-size: 12px;
										font-family: PingFang-SC-Bold;
										font-weight: normal;
										text-align: left;
										white-space: nowrap;
										line-height: 17px;
									}

									.text_28 {
										height: 21px;
										overflow-wrap: break-word;
										color: rgba(0, 0, 0, 1);
										font-size: 10px;
										font-family: PingFang-SC-Bold;
										font-weight: normal;
										text-align: left;
										line-height: 17px;
									}

									.text_29 {
										height: 21px;
										overflow-wrap: break-word;
										color: rgba(0, 0, 0, 1);
										font-size: 15px;
										font-family: PingFang-SC-Bold;
										font-weight: normal;
										text-align: left;
										white-space: nowrap;
										line-height: 17px;
									}

									.text_30 {
										height: 21px;
										overflow-wrap: break-word;
										color: rgba(0, 0, 0, 1);
										font-size: 14px;
										font-family: PingFang-SC-Bold;
										font-weight: normal;
										text-align: left;
										white-space: nowrap;
										line-height: 17px;
									}

									.text_31 {
										height: 21px;
										overflow-wrap: break-word;
										color: rgba(187, 187, 187, 1);
										font-size: 10px;
										font-family: PingFang-SC-Bold;
										font-weight: normal;
										text-align: left;
										line-height: 17px;
									}
								}
							}
						}

						.text-wrapper_13 {
							background-color: rgba(255, 176, 49, 1);
							border-radius: 12px;
							margin: 21px 0 19px 20px;
							padding: 0 14px 1px 13px;

							.text_32 {
								overflow-wrap: break-word;
								color: rgba(255, 255, 255, 1);
								font-size: 12px;
								font-family: PingFangSC-Medium;
								font-weight: 500;
								text-align: left;
								white-space: nowrap;
								line-height: 17px;
							}
						}

						.text-wrapper_14 {
							background-color: rgba(253, 127, 56, 1);
							border-radius: 12px;
							margin: 21px 0 19px 6px;
							padding: 0 14px 1px 13px;

							.text_33 {
								overflow-wrap: break-word;
								color: rgba(255, 255, 255, 1);
								font-size: 12px;
								font-family: PingFangSC-Medium;
								font-weight: 500;
								text-align: left;
								white-space: nowrap;
								line-height: 17px;
							}
						}
					}

					.image_4 {
						width: 275px;
						height: 1px;
						margin-top: 20px;
					}

					.box_14 {
						margin: 10px 15px 0 9px;

						.image-text_15 {
							width: 123px;

							.block_4 {
								border-radius: 7px;
								background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/7d42edfc3fed4b529a12e85add2113e6_mergeImage.png);
								width: 58px;
								height: 58px;
							}

							.text-group_15 {
								margin-bottom: 1px;

								.text_34 {
									overflow-wrap: break-word;
									color: rgba(0, 0, 0, 1);
									font-size: 14px;
									font-family: PingFang-SC-Bold;
									font-weight: normal;
									text-align: left;
									white-space: nowrap;
									line-height: 20px;
								}

								.text-wrapper_15 {
									width: 44px;
									height: 21px;
									overflow-wrap: break-word;
									font-size: 0;
									font-family: PingFang-SC-Bold;
									font-weight: normal;
									text-align: left;
									white-space: nowrap;
									line-height: 17px;
									margin: 16px 12px 0 0;

									.text_35 {
										height: 21px;
										overflow-wrap: break-word;
										color: rgba(0, 0, 0, 1);
										font-size: 12px;
										font-family: PingFang-SC-Bold;
										font-weight: normal;
										text-align: left;
										white-space: nowrap;
										line-height: 17px;
									}

									.text_36 {
										height: 21px;
										overflow-wrap: break-word;
										color: rgba(0, 0, 0, 1);
										font-size: 10px;
										font-family: PingFang-SC-Bold;
										font-weight: normal;
										text-align: left;
										line-height: 17px;
									}

									.text_37 {
										height: 21px;
										overflow-wrap: break-word;
										color: rgba(0, 0, 0, 1);
										font-size: 15px;
										font-family: PingFang-SC-Bold;
										font-weight: normal;
										text-align: left;
										white-space: nowrap;
										line-height: 17px;
									}

									.text_38 {
										height: 21px;
										overflow-wrap: break-word;
										color: rgba(0, 0, 0, 1);
										font-size: 14px;
										font-family: PingFang-SC-Bold;
										font-weight: normal;
										text-align: left;
										white-space: nowrap;
										line-height: 17px;
									}

									.text_39 {
										height: 21px;
										overflow-wrap: break-word;
										color: rgba(187, 187, 187, 1);
										font-size: 10px;
										font-family: PingFang-SC-Bold;
										font-weight: normal;
										text-align: left;
										line-height: 17px;
									}
								}
							}
						}

						.text-wrapper_16 {
							background-color: rgba(255, 176, 49, 1);
							border-radius: 12px;
							margin: 21px 0 19px 20px;
							padding: 0 14px 1px 13px;

							.text_40 {
								overflow-wrap: break-word;
								color: rgba(255, 255, 255, 1);
								font-size: 12px;
								font-family: PingFangSC-Medium;
								font-weight: 500;
								text-align: left;
								white-space: nowrap;
								line-height: 17px;
							}
						}

						.text-wrapper_17 {
							background-color: rgba(253, 127, 56, 1);
							border-radius: 12px;
							margin: 21px 0 19px 6px;
							padding: 0 14px 1px 13px;

							.text_41 {
								overflow-wrap: break-word;
								color: rgba(255, 255, 255, 1);
								font-size: 12px;
								font-family: PingFangSC-Medium;
								font-weight: 500;
								text-align: left;
								white-space: nowrap;
								line-height: 17px;
							}
						}
					}

					.image_5 {
						width: 275px;
						height: 1px;
						margin-top: 20px;
					}

					.box_15 {
						margin: 10px 15px 0 9px;

						.image-text_16 {
							width: 123px;

							.section_1 {
								border-radius: 7px;
								background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/fda4241548464d51b565003cea9a4b06_mergeImage.png);
								width: 58px;
								height: 58px;
							}

							.text-group_16 {
								margin-bottom: 1px;

								.text_42 {
									overflow-wrap: break-word;
									color: rgba(0, 0, 0, 1);
									font-size: 14px;
									font-family: PingFang-SC-Bold;
									font-weight: normal;
									text-align: left;
									white-space: nowrap;
									line-height: 20px;
								}

								.text-wrapper_18 {
									width: 44px;
									height: 21px;
									overflow-wrap: break-word;
									font-size: 0;
									font-family: PingFang-SC-Bold;
									font-weight: normal;
									text-align: left;
									white-space: nowrap;
									line-height: 17px;
									margin: 16px 12px 0 0;

									.text_43 {
										height: 21px;
										overflow-wrap: break-word;
										color: rgba(0, 0, 0, 1);
										font-size: 12px;
										font-family: PingFang-SC-Bold;
										font-weight: normal;
										text-align: left;
										white-space: nowrap;
										line-height: 17px;
									}

									.text_44 {
										height: 21px;
										overflow-wrap: break-word;
										color: rgba(0, 0, 0, 1);
										font-size: 10px;
										font-family: PingFang-SC-Bold;
										font-weight: normal;
										text-align: left;
										line-height: 17px;
									}

									.text_45 {
										height: 21px;
										overflow-wrap: break-word;
										color: rgba(0, 0, 0, 1);
										font-size: 15px;
										font-family: PingFang-SC-Bold;
										font-weight: normal;
										text-align: left;
										white-space: nowrap;
										line-height: 17px;
									}

									.text_46 {
										height: 21px;
										overflow-wrap: break-word;
										color: rgba(0, 0, 0, 1);
										font-size: 14px;
										font-family: PingFang-SC-Bold;
										font-weight: normal;
										text-align: left;
										white-space: nowrap;
										line-height: 17px;
									}

									.text_47 {
										height: 21px;
										overflow-wrap: break-word;
										color: rgba(187, 187, 187, 1);
										font-size: 10px;
										font-family: PingFang-SC-Bold;
										font-weight: normal;
										text-align: left;
										line-height: 17px;
									}
								}
							}
						}

						.text-wrapper_19 {
							background-color: rgba(255, 176, 49, 1);
							border-radius: 12px;
							margin: 21px 0 19px 20px;
							padding: 0 14px 1px 13px;

							.text_48 {
								overflow-wrap: break-word;
								color: rgba(255, 255, 255, 1);
								font-size: 12px;
								font-family: PingFangSC-Medium;
								font-weight: 500;
								text-align: left;
								white-space: nowrap;
								line-height: 17px;
							}
						}

						.text-wrapper_20 {
							background-color: rgba(253, 127, 56, 1);
							border-radius: 12px;
							margin: 21px 0 19px 6px;
							padding: 0 14px 1px 13px;

							.text_49 {
								overflow-wrap: break-word;
								color: rgba(255, 255, 255, 1);
								font-size: 12px;
								font-family: PingFangSC-Medium;
								font-weight: 500;
								text-align: left;
								white-space: nowrap;
								line-height: 17px;
							}
						}
					}

					.image_6 {
						width: 275px;
						height: 1px;
						margin-top: 20px;
					}

					.box_16 {
						margin: 10px 15px 0 9px;

						.image-text_17 {
							width: 123px;

							.group_9 {
								border-radius: 7px;
								background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/1017f988ebec4e82a474607f71f1bf6a_mergeImage.png);
								width: 58px;
								height: 58px;
							}

							.text-group_17 {
								margin-bottom: 1px;

								.text_50 {
									overflow-wrap: break-word;
									color: rgba(0, 0, 0, 1);
									font-size: 14px;
									font-family: PingFang-SC-Bold;
									font-weight: normal;
									text-align: left;
									white-space: nowrap;
									line-height: 20px;
								}

								.text-wrapper_21 {
									width: 44px;
									height: 21px;
									overflow-wrap: break-word;
									font-size: 0;
									font-family: PingFang-SC-Bold;
									font-weight: normal;
									text-align: left;
									white-space: nowrap;
									line-height: 17px;
									margin: 16px 12px 0 0;

									.text_51 {
										height: 21px;
										overflow-wrap: break-word;
										color: rgba(0, 0, 0, 1);
										font-size: 12px;
										font-family: PingFang-SC-Bold;
										font-weight: normal;
										text-align: left;
										white-space: nowrap;
										line-height: 17px;
									}

									.text_52 {
										height: 21px;
										overflow-wrap: break-word;
										color: rgba(0, 0, 0, 1);
										font-size: 10px;
										font-family: PingFang-SC-Bold;
										font-weight: normal;
										text-align: left;
										line-height: 17px;
									}

									.text_53 {
										height: 21px;
										overflow-wrap: break-word;
										color: rgba(0, 0, 0, 1);
										font-size: 15px;
										font-family: PingFang-SC-Bold;
										font-weight: normal;
										text-align: left;
										white-space: nowrap;
										line-height: 17px;
									}

									.text_54 {
										height: 21px;
										overflow-wrap: break-word;
										color: rgba(0, 0, 0, 1);
										font-size: 14px;
										font-family: PingFang-SC-Bold;
										font-weight: normal;
										text-align: left;
										white-space: nowrap;
										line-height: 17px;
									}

									.text_55 {
										height: 21px;
										overflow-wrap: break-word;
										color: rgba(187, 187, 187, 1);
										font-size: 10px;
										font-family: PingFang-SC-Bold;
										font-weight: normal;
										text-align: left;
										line-height: 17px;
									}
								}
							}
						}

						.text-wrapper_22 {
							background-color: rgba(255, 176, 49, 1);
							border-radius: 12px;
							margin: 21px 0 19px 20px;
							padding: 0 14px 1px 13px;

							.text_56 {
								overflow-wrap: break-word;
								color: rgba(255, 255, 255, 1);
								font-size: 12px;
								font-family: PingFangSC-Medium;
								font-weight: 500;
								text-align: left;
								white-space: nowrap;
								line-height: 17px;
							}
						}

						.text-wrapper_23 {
							background-color: rgba(253, 127, 56, 1);
							border-radius: 12px;
							margin: 21px 0 19px 6px;
							padding: 0 14px 1px 13px;

							.text_57 {
								overflow-wrap: break-word;
								color: rgba(255, 255, 255, 1);
								font-size: 12px;
								font-family: PingFangSC-Medium;
								font-weight: 500;
								text-align: left;
								white-space: nowrap;
								line-height: 17px;
							}
						}
					}

					.image_7 {
						width: 275px;
						height: 1px;
						margin-top: 20px;
					}
				}
			}


		}
	}
</style>